<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <meta name="format-detection" content="telephone=no">
  <script src="/js/flexible.js"></script>
  <script src='/js/jquery.js'></script>
  <link href="/css/result.css" rel="stylesheet" />
  <title>投保结果</title>
</head>

<body>
<?php if($code == 0) { ?>
  <div class='one-result'>
    <h1>支付成功</h1>
    <h2>安联财险<?= $data['product']; ?>产品</h2>
    <h3>¥<?= $data['insured_amount']; ?>.00</h3>
    <h4>你可以</h4>
    <div class='result-button'>
      <a class='result-look' href="<?= $data['order_info']; ?>">查看保单</a>
      <a class='result-share'>分享拿礼品</a>
    </div>
    <div class='result-rule'>
      <h4>说明</h4>
      <p>1、分享至朋友圈并截图发送至“趣寻网”公共账号，将会获得趣寻网送出的价值约20-50元精美出行小礼品一份。</p>
      <p>2、趣寻网小编会在2个工作日内与您联系并在1个工作日内完成礼品寄送。</p>
      <p>3、1人限送一份。</p>
    </div>
    <h5>你还可返回再次购买</h5>
    <a class='result-back' href="<?= $data['return_url']; ?>">返回</a>
    <div class='share-modal'>
      <i></i>
    </div>
  </div>
<?php }else{ ?>
  <!-- 支付失败 -->
  <div class="row" style="padding: 20px 0px;">
    <div class="col-xs-4 col-xs-offset-4">
      <span class="glyphicon glyphicon-remove" style="color:red;font-size: 72px;" aria-hidden="true"></span>
    </div>
  </div>
  
  <div class="row">
    <div class="col-xs-4 col-xs-offset-4">
      <p class="text-danger"><?= $data; ?></p>
    </div>
  </div>
  
<?php } ?>
</body>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>    
<script>
  $(function() {
    $('.result-share').click(function() {
      $('.share-modal').addClass('active');
    });

    $('.share-modal').click(function() {
      $('.share-modal').removeClass('active');
    });
  });
    <?= $data['share']; ?>
</script>

</html>
